<extend name="en_us:Public:base" />
<block name="title">
    <title>QRInn - Statistical overview</title>
</block>
<block name="extendHead">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/common_control.css?rev=64d1945d31e576a17fc394f2ae2f098d">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/ReportPage/common.css?rev=93c8af7edfcfa9b852672c525380fc4d">
    <link rel="stylesheet" type="text/css" media="all" href="__PUBLIC__/jslib/bootstrap-daterangepicker/daterangepicker.css" />
</block>
<block name="document">
    <div id="doc" class="container-above-md">
        <include file="en_us:Public:Include_control_navbar" navbar-menu-statistic="active" />
        <div id="doc-body" class="row">
            <include file="en_us:Public:Include_report_menu" doc-side-index="active" />
            <div id="doc-center">
                <include file="en_us:Public:Include_report_header" title="Statistical overview" />
                <div class="content-panel" id="statisticOverview">
                    <div class="content-panel-header">
                        <div class="content-panel-title">Financial revenue and expenditure</div>
                    </div>
                    <div class="content-panel-body content-panel-body-without-padding">
                        <include file="en_us:Public:Include_content_loading" loading-container-id="" loading-title="hidden" />
                        <div class="row text-sm border-box-horizontal-container">
                            <div class="col-xs-4 col-without-padding border-box-horizontal vertical-middle-block">
                                <div class="vertical-middle-block-cell">Total balance:{$hotelDefaultSymbol}<span class="text-primary typo-display-1"><span data-tag="financesurplus">0</span></span>
                                </div>
                            </div>
                            <div class="col-xs-4 col-without-padding border-box-horizontal vertical-middle-block">
                                <div class="vertical-middle-block-cell">
                                    <div>Operating balance:{$hotelDefaultSymbol}<span class="text-primary typo-display-1"><span data-tag="surplus">0</span></span></div>
                                    <div class="detail-desc typo-text-black-light">Income:{$hotelDefaultSymbol}<span data-tag="income">0</span>,&nbsp;Expenditure:{$hotelDefaultSymbol}<span data-tag="outcome">0</span>&nbsp;&nbsp;
                                        <if condition='checkAccess($adminAuthority, "Home/ReportPage/finance")'>
                                            <a class="btn-sm btn-link text-primary" href="/Home/ReportPage/finance.html?hotel={$currentHotel}">Detail</a>
                                        </if>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-4 col-without-padding border-box-horizontal vertical-middle-block">
                                <div class="vertical-middle-block-cell">
                                    <div>Bookkeeping balance:{$hotelDefaultSymbol}<span class="text-accent typo-display-1"><span data-tag="notesurplus">0</span></span>
                                    </div>
                                    <div class="detail-desc typo-text-black-light">Income:{$hotelDefaultSymbol}<span data-tag="noteincome">0</span>,&nbsp;Expenditure:{$hotelDefaultSymbol}<span data-tag="noteoutcome">0</span>&nbsp;&nbsp;
                                        <if condition='checkAccess($adminAuthority, "Home/ReportPage/accountview")'>
                                            <a class="btn-sm btn-link text-primary" href="/Home/ReportPage/accountview.html?hotel={$currentHotel}">Detail</a>
                                        </if>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content-panel" id="roomOverview">
                    <div class="content-panel-header" id="filterHeader">
                        <div class="content-panel-title">Operational overview</div>
                    </div>
                    <div class="content-panel-header">
                        <div class="content-panel-title">Common room</div>
                        <div class="content-panel-operation">
                            <a class="btn-link"  href="/Home/Report/exportList?hotel={$currentHotel}&start={$startDate}&end={$endDate}">Export the table</a>
                        </div>
                    </div>
                    <div class="content-panel-body content-panel-body-vertical-padding content-panel-body-without-min-height">
                        <include file="en_us:Public:Include_content_loading" loading-container-id="" loading-title="hidden" />
                        <table class="table content-panel-table">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th>Income</th>
                                    <th>Room number</th>
                                    <th>Occupancy rate</th>
                                    <th>Average price</th>
                                    <th>Not sold out</th>
                                    <th>Not admitted</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr id="yesterdayOverview">
                                    <td>Yesterday</td>
                                    <td data-tag="income"></td>
                                    <td data-tag="roomCount"></td>
                                    <td data-tag="occupancyRate"></td>
                                    <td data-tag="price"></td>
                                    <td data-tag="notSold"></td>
                                    <td data-tag="notCheckIn"></td>
                                </tr>
                                <tr id="todayOverview">
                                    <td>Today</td>
                                    <td data-tag="income"></td>
                                    <td data-tag="roomCount"></td>
                                    <td data-tag="occupancyRate"></td>
                                    <td data-tag="price"></td>
                                    <td data-tag="notSold"></td>
                                    <td data-tag="notCheckIn"></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="hidden" id="hour-room">
                        <div class="content-panel-header">
                            <div class="content-panel-title">Hour room</div>
                            <div class="content-panel-operation">
                                <a class="btn-link"  href="/Home/Report/exportHourList?hotel={$currentHotel}&start={$startDate}&end={$endDate}">Export the table</a>
                            </div>
                        </div>
                        <div class="content-panel-body content-panel-body-vertical-padding content-panel-body-without-min-height">
                            <include file="en_us:Public:Include_content_loading" loading-container-id="" loading-title="hidden" />
                            <table class="table content-panel-table">
                                <thead>
                                    <tr>
                                        <th></th>
                                        <th>Income</th>
                                        <th>Room number</th>
                                        <th>Occupancy rate</th>
                                        <th>Average price</th>
                                        <th>Not sold out</th>
                                        <th>Not admitted</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr id="yesterdayHourOverview">
                                        <td>Yesterday</td>
                                        <td data-tag="income"></td>
                                        <td data-tag="roomCount"></td>
                                        <td data-tag="occupancyRate"></td>
                                        <td data-tag="price"></td>
                                        <td data-tag="notSold"></td>
                                        <td data-tag="notCheckIn"></td>
                                    </tr>
                                    <tr id="todayHourOverview">
                                        <td>Today</td>
                                        <td data-tag="income"></td>
                                        <td data-tag="roomCount"></td>
                                        <td data-tag="occupancyRate"></td>
                                        <td data-tag="price"></td>
                                        <td data-tag="notSold"></td>
                                        <td data-tag="notCheckIn"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="hidden" id="long-room">
                        <div class="content-panel-header">
                            <div class="content-panel-title">Long rental room</div>
                            <div class="content-panel-operation">
                                <a class="btn-link"  href="/Home/Report/exportLongList?hotel={$currentHotel}&start={$startDate}&end={$endDate}">Export the table</a>
                            </div>
                        </div>
                        <div class="content-panel-body content-panel-body-vertical-padding content-panel-body-without-min-height">
                            <include file="en_us:Public:Include_content_loading" loading-container-id="" loading-title="hidden" />
                            <table class="table content-panel-table">
                                <thead>
                                    <tr>
                                        <th></th>
                                        <th>Income</th>
                                        <th>Room number</th>
                                        <th>Occupancy rate</th>
                                        <th>Average price</th>
                                        <th>Not sold out</th>
                                        <th>Not admitted</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr id="yesterdayLongOverview">
                                        <td>Last month</td>
                                        <td data-tag="income"></td>
                                        <td data-tag="roomCount"></td>
                                        <td data-tag="occupancyRate"></td>
                                        <td data-tag="price"></td>
                                        <td data-tag="notSold"></td>
                                        <td data-tag="notCheckIn"></td>
                                    </tr>
                                    <tr id="todayLongOverview">
                                        <td>This month</td>
                                        <td data-tag="income"></td>
                                        <td data-tag="roomCount"></td>
                                        <td data-tag="occupancyRate"></td>
                                        <td data-tag="price"></td>
                                        <td data-tag="notSold"></td>
                                        <td data-tag="notCheckIn"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <!--end of doc-center-->
        </div>
        <!--end of doc body-->
    </div>
    <!--end of doc-->
</block>
<block name="extendFootJs">
    <script type="text/javascript" src="/Public/dist/Home/common_control.js?rev=482234be36e10d8f4d21ca9eee16ff2d"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/moment.js/2.9.0/moment.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/bootstrap-daterangepicker/daterangepicker.js"></script>
    <script type="text/javascript" src="/Public/src/Home/ReportPage/index.js?rev=190c71c0b1d9cd84794e89cdefe9ffed"></script>
</block>
